

<ion-content>
  <button ion-button icon-only (click)="diss()">
        <ion-icon name="arrow-back"  color="#ffffff" style="padding-right: 2px; margin-top: 1px; font-size: 26px;" ></ion-icon>
  </button>
  <ion-slides class="slide1" loop autoplay="1500" pager>
    <ion-slide>
      <div><img src="http://www.mengfeisi.com.cn/Uploads/nail_album/2017-03-07/1_328.jpg" style="width: 100%" alt=""></div>
    </ion-slide>
    <ion-slide>
      <div><img src="http://www.mengfeisi.com.cn/Uploads/nail_album/2017-03-07/2_328.jpg" style="width: 100%" alt=""></div>
    </ion-slide>
    <ion-slide>
      <div><img src="http://www.mengfeisi.com.cn/Uploads/nail_album/2017-03-07/3_328.jpg" style="width: 100%" alt=""></div>
    </ion-slide>
  </ion-slides>
  <div class="cont1">
    <ion-list>
      <ion-item style="border-bottom: 0px;line-height: 30px;">
        <h2 class="text1">{{goods.service_name}}</h2>
        <span class="text3" style="display: flex;align-items: center;"><img src="assets/img/zhichi-@2x.png" style="width:1.1rem;height:1.1rem">&nbsp; 已售  : {{goods.monthly_sales}}笔</span>
       
        <ion-avatar item-right class="btn">
            <span class="text3" style="text-decoration: line-through;">原价: ￥{{goods.market_price}}</span><span class="text2">￥{{goods.service_price}}</span>
        </ion-avatar>
      </ion-item>
    </ion-list>
  </div>
  <div class="cont3">
    <div class="text1">
      <span>产品详情</span>
    </div>
    <div class="text2">
        <p style="display:flex;align-items: center;"><img src="assets/img/deta.png" style="width:1.3rem"> 耗时:{{goods.consuming_time}}分钟    <img src="assets/img/get2.png" style="width:1.3rem;margin-left:5vw"> 保持：{{goods.keep_time}}天</p>
      <p>使用工具: {{goods.nail_tools}}</p>
      <p>使用材料: {{goods.nail_materials}}</p>
      <p>适用场景:{{goods.applicable_scene}} </p>
      <p>创意理念: {{goods.swevice_desc}}</p>
    </div>
  </div>
  <div class="cont4" >
    <div class="text1">
      <span>宝宝评价 ( {{remark.length}} )</span>
    </div>
    <div class="text2"  *ngIf="!notRemark">
      <ion-list *ngFor="let remark of remarks">
        <ion-item style="border: 0px;line-height: 30px;padding-left: 0px;">
          <ion-avatar item-start>
            <img src="{{picrooturl}}{{remark.user_avator}}">
          </ion-avatar>
          <h2>{{remark.user_name }}</h2>
          <p>{{remark.remark_time}}</p>
        </ion-item>
        <span>{{remark.remark_content}}</span>
      </ion-list>
    </div>
  </div>
  <div class="cont5">
    <div *ngIf="notRemark">
      <h4 text-center>暂无相关评价</h4>
    </div>
    <div class="btn" *ngIf="!notRemark" (click)="comment(goods.service_price,goods.service_name,goods.market_price,data.service_id,service_pic)">
      查看全部评价
    </div>
  </div>
  <div class="cont6">
    <div class="text1" (click)="toShopDetail()"><img src="assets/img/ios/dianpu@2x.png" alt=""><br><span> 店铺</span></div>
    <div class="text2"><img src="assets/img/ios/shangcheng@2x.png" alt=""><br><span>商城</span></div>
    <div (click)="obout(1)" *ngIf="isCollection == 0" class="text3"><img src="assets/img/ios/shoucang-border@2x.png" alt=""><br><span>收藏</span></div>
    <div (click)="obout(0)" *ngIf="isCollection == 1" class="text3"><img src="assets/img/ios/shoucang@2x.png" alt=""><br><span>收藏</span></div>

    <!-- <div class="text4" (click)="getToCart()">加入购物车</div> -->

    <!-- <div class="text4" (click)="getToCart()">加入购物车</div> -->

     <!--(click)="getToCart()"加入购物车的方法-->
    <!-- <div class="text4">加入购物车</div> -->

    <div class="text5" (click)="topromptlyBuy(goods.service_price,goods.service_name,goods.market_price,data.service_id,service_pic) ">立即购买</div>
  </div>
 </ion-content>